import "./index.css"
import { Image,Divider,Radio,Button } from 'antd';
import type { RadioChangeEvent } from 'antd';
import {FC} from "react"
const PayType:FC = () => {
    return (
        <div className="paytype">
            <p className="payP">支付方式</p>
            <div className="zhifu">
            <div className="zhifubao">
                <Image
                    width={200}
                    height={60}
                    src="https://gw.alipayobjects.com/mdn/member_frontWeb/afts/img/A*oRlnSYAsgYQAAAAAAAAAAABkARQnAQ"
                />
                <div className="introduction">
                支付宝（中国）是国内的第三方支付平台，致力于为企业和个人提供“简单、安全、快速、便捷”的支付解决方案。
                </div>
                    <Radio.Group >
                        
                        <Radio value={1}>启用</Radio>
                        <Radio value={2}>关闭</Radio>
                    </Radio.Group>
                    <br />
                    <Button type="primary">设置</Button>
                    <Button type="primary" danger>
                        删除
                    </Button>
            </div>
            <div className="wechat">
            <Image
                    width={200}
                    src="https://pic2.zhimg.com/b8265898c33649500b677ff794bd0c08_1440w.jpg"
                />
                <div className="introduction">
                支付宝（中国）是国内的第三方支付平台，致力于为企业和个人提供“简单、安全、快速、便捷”的支付解决方案。
                </div>
                <Radio.Group >
                        
                        <Radio value={1}>启用</Radio>
                        <Radio value={2}>关闭</Radio>
                    </Radio.Group>
                    <br />
                    <Button type="primary">设置</Button>
                    <Button type="primary" danger>
                        删除
                    </Button>
            </div>
            <div className="yinlian">
                <Image
                    width={200}
                    
                    src="https://tse2-mm.cn.bing.net/th/id/OIP-C.gYRWJG-sB62HNDeYx3wzGwHaB0?w=347&h=86&c=7&r=0&o=5&dpr=1.25&pid=1.7"
                />
                <div className="introduction">
                支付宝（中国）是国内的第三方支付平台，致力于为企业和个人提供“简单、安全、快速、便捷”的支付解决方案。
                </div>
                <Radio.Group >
                        
                        <Radio value={1}>启用</Radio>
                        <Radio value={2}>关闭</Radio>
                    </Radio.Group>
                    <br />
                    <Button type="primary">设置</Button>
                    <Button type="primary" danger>
                        删除
                    </Button>
            </div>
            <div className="yibao">
            <Image
                    width={200}
                    
                    src="https://ts1.cn.mm.bing.net/th/id/R-C.08b417728c0be39dfb7671227a0bfeba?rik=oSo%2f6W6wYBhQxA&riu=http%3a%2f%2fnewsmghd.711pr.com%2fueditor%2fphp%2fupload%2fimage%2f20210331%2f1617181995898997.png&ehk=0YQQu%2fQIsy12vMxPzJB8wofqv0c9ZEtpufSRu2GNNm4%3d&risl=&pid=ImgRaw&r=0"
                />
                <div className="introduction">
                支付宝（中国）是国内的第三方支付平台，致力于为企业和个人提供“简单、安全、快速、便捷”的支付解决方案。
                </div>
                <Radio.Group >
                        
                        <Radio value={1}>启用</Radio>
                        <Radio value={2}>关闭</Radio>
                    </Radio.Group>
                    <br />
                    <Button type="primary">设置</Button>
                    <Button type="primary" danger>
                        删除
                    </Button>
            </div>
        </div>
        </div>
        
    )
}

export default PayType